<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!-- 导航 -->
<script type="text/javascript">
    var _currentPage = '${currentPage}';
</script>
<script src="${path}/static/web/js/biz/top.js" type="text/javascript" charset="utf-8"></script>
<div class="header_wrap" id="topController" v-cloak>
    <div class="header">
        <div class="header_top">
            <h1 class="header_logo"><a href="${path}/web"><img src="${path}/static/web/images/logo.png" alt="艺基因"></a></h1>
            <div class="header_aside">
                <div class="search_box">
                    <div class="sort_box">
                        <div class="sort_name"><span>艺术品</span><i class="icon icon_down"></i></div>
                        <ul class="sort_list">
                            <li @click="setType(1)">艺术品</li>
                            <li @click="setType(2)">艺术家</li>
                        </ul>
                    </div>
                    <div class="search_content">
                        <input type="text" class="search_put" name="keywords" v-model="searchData.keyword" placeholder="请输入关键字"/>
                        <a class="search_btn" href="javascript:void(0);" @click="search"><i class="icon icon_search"></i></a>
                    </div>
                </div>
                <ul class="aside_box">
                    <li><a href="${path}/web/home/focus"><i class="icon icon_love"></i>我的关注</a></li>
                    <li class="code">
                        <i class="icon icon_code"></i>下载App
                        <div class="app_code">
                            <img src="${path}/static/web/images/code.png" alt="艺基因app下载">
                        </div>
                    </li>
                    <li v-show="!isLogin"><i class="icon icon_user"></i><a href="${path}/web/login">登录</a>/<a href="${path}/web/regist">注册</a></li>
                    <li v-show="isLogin">
                        <div class="info_head">
                            <a href="${path}/web/home">
                                <img class="head_author" init-src="${path}/static/web/images/author.jpg" v-sy-img="headImg"/>
                                <span class="head_name">{{nickName}}</span>
                            </a>
                            <div class="head_info_box">
                                <a href="${path}/web/home">个人信息</a>
                                <a href="javascript:;" @click="logout">退出登录</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="header_nav">
            <a href="${path}/web" :class="{'active':currentPage == 'index'}">首页</a>
            <a href="${path}/web/auction" :class="{'active':currentPage == 'auction'}">拍卖</a>
            <a href="${path}/web/uploadArt" :class="{'active':currentPage == 'addArt'}" v-if="isLogin && level == 1">上链</a>
            <a href="${path}/web/art" :class="{'active':currentPage == 'art'}">艺术品</a>
            <a href="${path}/web/artist" :class="{'active':currentPage == 'artist'}">艺术家</a>
            <a href="${path}/web/contact" :class="{'active':currentPage == 'contact'}">联系我们</a>
        </div>
    </div>
</div>
